<template>
<div class="page">
  <navTop :title="name"></navTop>
  <div class="video_div flex_ac">
    <video
      class="video"
      :src="url"
      controls
      width="100%"
      height="100%"
      :poster="img"
    ></video>
  </div>
</div>
</template>
<script>
import navTop from '@/components/navTop.vue'

export default {
  components: {
    navTop
  },
  data() {
    return {
      name: '',
      url: '',
      img: ''
    }
  },
  created() {
    this.name = this.$route.query.name
    this.url = this.$route.query.url
    this.img = this.$route.query.img
  }
}
</script>
<style lang="scss" scoped>
.page{
  height: 100%;
}
.video_div{
  width: 100%;
  height: calc(100% - 40px);
  background: #000;
  .video{ 
    width: 100%;
  }
}
</style>